Skip to content

Conversation

@najuna-brian
Copy link
Contributor

@najuna-brian najuna-brian commented Jan 30, 2026

PR Description

Fix: Prevent keyboard from appearing on Select dropdown tap

Problem

On mobile devices, tapping a Select dropdown causes the keyboard to appear, which is unnecessary and blocks the dropdown menu.

Solution

Added theme-level configuration to prevent the keyboard from appearing when Select components are tapped.

Changes

  • Added defaultProps to MuiSelect in theme configuration
  • Set inputProps.readOnly: true (official MUI recommendation)
  • Added inputMode: 'none' to explicitly prevent mobile keyboard
  • Disabled MenuProps auto-focus to prevent keyboard triggers

Result

  • Keyboard no longer appears when tapping Select dropdowns
  • Applies globally to all Select components automatically
  • Uses MUI's recommended approach

Testing

Test on mobile devices: tap any Select dropdown and verify the keyboard does not appear.

Closes #265

@najuna-brian
Copy link
Contributor Author

Helllo, this is the error that I reported about previously
https://github.com/OpenDataEnsemble/ode/actions/runs/21531959773/job/62049655654?pr=264
as seen in this PR checks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Formplayer] Keyboard keeps appearing on Select dropdown tap

1 participant